﻿<!DOCTYPE HTML>
<html>
{include file="public:header_css"}
<link href="__STATIC__/admin/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/webupload/css/webuploader.css"/>

<style>
    .select-box {

        width: 60%;

    }
</style>
<body>

<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 广告管理 <span class="c-gray en">&gt;</span>
    添加广告
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
       href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>

<div class="page-container">

    <form action="" method="post" class="form form-horizontal" id="form-shops-add" enctype="multipart/form-data"
          name="myForm">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>皮肤标题：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" placeholder="" id="title" name="title"
                       style="width:60%;">
            </div>
        </div>

        <!--第一张图片 赚字图片开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>赚字图片：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id=""
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left;background: #ffffff;">
                    <img src="" alt="" id="ImgPreview" style="width: 100%;height: 100%;"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">
                    <div id="up_img">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸177*177</span>
                </div>

                <div style="float: left;margin-left: 15px">

                    <img style="width: 150px;height: 150px" src="__STATIC__/market/images/zhuan.png">
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第一张图片 赚字图片结束-->

        <!--第二张图片 滑动条图片-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>滑动条图：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow2"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview2" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">
                    <div id="up_img2">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸 39*48</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px;text-align: center;width: 150px">
                        <img style="width: 39px;height: 48px" src="__STATIC__/market/images/process.png">
                    </div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第二张图片 滑动条图片-->

        <!--第2.1张图片 滑动按钮开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>滑动按钮：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow9"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview9" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">
                    <div id="up_img9">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸108*108</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px;text-align: center;width: 150px"><img
                            style="width: 108px;height: 108px" src="__STATIC__/market/images/processF3x.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第2.1张图片 滑动按钮结束-->

        <!--第三张图片 背景图片开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>背景图片：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow3"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview3" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">

                    <div id="up_img3">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸320*2534</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px;text-align: center;width: 150px"><img
                            style="width: auto;height: 150px" src="__STATIC__/market/images/bg.jpg"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第三张图片 背景图片结束-->

        <!--第四张图片 电话图标开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>电话图标：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow4"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview4" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">
                    <div id="up_img4">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸159*159</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div><img style="width: 150px;height: 150px" src="__STATIC__/market/images/phone.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第四张图片 电话图标结束-->


        <!--第4.1张图片 电话图标__金牌顾问开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>金牌顾问：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow41"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview41" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">
                    <div id="up_img41">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸888*450</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div><img style="width: 150px;height:auto" src="__STATIC__/market/images/callBoard3x.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第4.1张图片 电话图标__金牌顾问结束-->

        <!--第4.2张图片 电话图标__一键拨打开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>一键拨打：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow42"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview42" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">

                    <div id="up_img42">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸228*129</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div><img style="width: 150px;height: auto" src="__STATIC__/market/images/call3.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第4.2张图片 电话图标__一键拨打结束-->

        <!--第4.3张图片 电话图标__小电话图标开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>小电话图标：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow43"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview43" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">

                    <div id="up_img43">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸66*66</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px;text-align: center;width: 150px"><img
                            style="width: 66px;height: 66px" src="__STATIC__/market/images/callIcon3x.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第4.3张图片 电话图标__小电话图标结束-->

        <!--第五张图片 立即报名开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>立即报名：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow5"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview5" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">

                    <div id="up_img5">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸462*180</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px"><img style="width: 150px;height: auto;"
                                                         src="__STATIC__/market/images/bming.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第五张图片 立即报名结束-->

        <!--第5.1张图片 立即报名___分享赚红包开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>分享赚红包：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow51"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview51" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">

                    <div id="up_img51">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸888*816</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px;text-align: center;width: 150px"><img
                            style="width: auto;height: 150px" src="__STATIC__/market/images/joinBoard3x.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第5.1张图片 立即报名___分享赚红包结束-->

        <!--第5.2张图片 立即报名___姓名开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>姓名：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow52"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview52" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">

                    <div id="up_img52">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸780*120</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px;text-align: center;width: 150px"><img
                            style="width: 150px;height: auto" src="__STATIC__/market/images/nameBox3x.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第5.2张图片 立即报名___姓名结束-->

        <!--第5.3张图片 立即报名___手机号开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>手机号：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow53"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview53" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">

                    <div id="up_img53">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸780*120</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px;text-align: center;width: 150px"><img
                            style="width: 150px;height: auto" src="__STATIC__/market/images/phoneBox3x.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第5.3张图片 立即报名___手机号结束-->

        <!--第5.4张图片 立即报名___支付按钮开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>支付按钮：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow54"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview54" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">

                    <div id="up_img54">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸564*144</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px;text-align: center;width: 150px"><img style="width:150px;height:auto"
                                                                                         src="__STATIC__/market/images/payForJoin3x.png">
                    </div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第5.4张图片 立即报名___支付按钮结束-->


        <!--第六张图片 排行图标开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>排行图标：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow6"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview6" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">

                    <div id="up_img6">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸159*159</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px;text-align: center;width: 150px"><img
                            style="width: auto;height: 150px" src="__STATIC__/market/images/phb.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第六张图片 排行图标结束-->

        <!--第七张图片 底部背景开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>底部背景：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow7"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview7" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">
                    <div id="up_img7">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸960*180</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px;text-align: center;width: 150px"><img
                            style="width: 150px;height:auto" src="__STATIC__/market/images/line3x.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第七张图片 底部背景结束-->

        <!--第八张图片 排行榜背景图开始-->
        <div class="row cl">

            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>排行榜背景：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div id="checkshow8"
                     style="width:150px;height: 150px;padding: 5px;border: 1px solid #e6e6e6;border-radius: 10px;float: left">
                    <img src="" alt="" id="ImgPreview8" style="width: 100%;height: 100%"/>
                </div>
                <div style="margin: 130px 0 0 10px;float: left;width: 254px">
                    <div id="up_img8">选择图片</div>
                    <span style="color:#c8a0a0;">建议上传图片尺寸900*942</span>
                </div>
                <div style="float: left;margin-left: 15px">

                    <div style="line-height: 150px;text-align: center;width: 150px"><img
                            style="width: auto;height: 150px" src="__STATIC__/market/images/redBag.png"></div>
                    <div style="text-align: center">具体位置示例</div>
                </div>
            </div>

        </div>
        <!--第八张图片 排行榜背景图结束-->


        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <a class="btn btn-primary radius" id="submit">&nbsp;&nbsp;提交&nbsp;&nbsp;</a>
                <a class="btn btn-warning radius" href="{:url('index')}">&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
            </div>
        </div>

    </form>

</div>
{include file="public:footer_js"}

<script type="text/javascript" src="__STATIC__/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>

<script type="text/javascript" src="__STATIC__/webupload/js/jquery.js"></script>
<script type="text/javascript" src="__STATIC__/webupload/js/webuploader.js"></script>


<!--<script type="text/javascript"  src="__STATIC__/market/js/jquery.min.js"></script>-->

<script type="text/javascript">


    //上传音频文件

    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_video',


        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择音频文件。
        accept: {
            title: 'video',
            extensions: '3gp,mp4,rmvb,mov,avi,m4v',
            mimeTypes: 'video/*,audio/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == 'F_EXCEED_SIZE') {
            alert("文件大小不能超过100M");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {
        console.log(response)
        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview");
            $img.attr('src', response.url);
        }
    });


    <!--第一张图片 赚字图片开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview");
            $img.attr('src', response.url);
        }
    });


    <!--第二张图片 滑动条图片-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img2',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview2");
            $img.attr('src', response.url);
        }
    });

    <!--第2.1张图片 滑动按钮开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img9',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview9");
            $img.attr('src', response.url);
        }
    });

    <!--第三张图片 背景图片结束-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img3',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview3");
            $img.attr('src', response.url);
        }
    });


    <!--第四张图片 电话图标开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img4',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview4");
            $img.attr('src', response.url);
        }
    });

    <!--第4.1张图片 电话图标__金牌顾问开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img41',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview41");
            $img.attr('src', response.url);
        }
    });

    <!--第4.2张图片 电话图标__一键拨打开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img42',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview42");
            $img.attr('src', response.url);
        }
    });


    <!--第4.3张图片 电话图标__小电话图标开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img43',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview43");
            $img.attr('src', response.url);
        }
    });


    <!--第五张图片 立即报名开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img5',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview5");
            $img.attr('src', response.url);
        }
    });

    <!--第5.1张图片 立即报名___分享赚红包开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img51',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview51");
            $img.attr('src', response.url);
        }
    });

    <!--第5.2张图片 立即报名___姓名开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img52',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview52");
            $img.attr('src', response.url);
        }
    });

    <!--第5.3张图片 立即报名___手机号开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img53',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview53");
            $img.attr('src', response.url);
        }
    });

    <!--第5.4张图片 立即报名___支付按钮开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img54',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview54");
            $img.attr('src', response.url);
        }
    });


    <!--第六张图片 排行图标开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img6',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview6");
            $img.attr('src', response.url);
        }
    });


    <!--第七张图片 底部背景开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img7',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview7");
            $img.attr('src', response.url);
        }
    });


    <!--第八张图片 排行榜背景图开始-->
    // 上传图片
    var uploader = WebUploader.create({
        // swf文件路径
        swf: '__STATIC__/webupload/js/Uploader.swf',

        // 文件接收服务端。
        server: "{:url('qiniu/upload')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#up_img8',

        // 限制文件上穿大小为100M
        fileSingleSizeLimit: 100 * 1024 * 1024,
        auto: true,

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false,

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    // 查出限制提示
    /**
     * 验证文件格式、数量以及文件大小
     */
    uploader.on("error", function (type) {
        if (type == "Q_TYPE_DENIED") {
            alert("请上传图片格式文件");
        } else if (type == "F_EXCEED_SIZE") {
            alert("文件大小不能超过8M");
        } else if (type == "Q_EXCEED_NUM_LIMIT") {
            alert("只能上传一个图片");
        }
    });
    uploader.on('uploadSuccess', function (file, response) {

        if (file.name == null || file.name == 'undefind') {
            alert("上传失败");
            return;
        } else {
            var $img = $("#ImgPreview8");
            $img.attr('src', response.url);
        }
    });

    $("#submit").click(function () {


        var title = $("#title").val();
        var ImgPreview = $("#ImgPreview").attr("src");
        var ImgPreview2 = $("#ImgPreview2").attr("src");
        var ImgPreview9 = $("#ImgPreview9").attr("src");
        var ImgPreview3 = $("#ImgPreview3").attr("src");
        var ImgPreview4 = $("#ImgPreview4").attr("src");
        var ImgPreview41 = $("#ImgPreview41").attr("src");
        var ImgPreview42 = $("#ImgPreview42").attr("src");
        var ImgPreview43 = $("#ImgPreview43").attr("src");
        var ImgPreview5 = $("#ImgPreview5").attr("src");
        var ImgPreview51 = $("#ImgPreview51").attr("src");
        var ImgPreview52 = $("#ImgPreview52").attr("src");
        var ImgPreview53 = $("#ImgPreview53").attr("src");
        var ImgPreview54 = $("#ImgPreview54").attr("src");
        var ImgPreview6 = $("#ImgPreview6").attr("src");
        var ImgPreview7 = $("#ImgPreview7").attr("src");
        var ImgPreview8 = $("#ImgPreview8").attr("src");

        console.log(ImgPreview);

        // 异步提交数据
        $.post(
            "{:url('add')}",
            {
                title: title,
                ImgPreview: ImgPreview,
                ImgPreview2: ImgPreview2,
                ImgPreview9: ImgPreview9,
                ImgPreview3: ImgPreview3,
                ImgPreview4: ImgPreview4,
                ImgPreview41: ImgPreview41,
                ImgPreview42: ImgPreview42,
                ImgPreview43: ImgPreview43,
                ImgPreview5: ImgPreview5,
                ImgPreview51: ImgPreview51,
                ImgPreview52: ImgPreview52,
                ImgPreview53: ImgPreview53,
                ImgPreview54: ImgPreview54,
                ImgPreview6: ImgPreview6,
                ImgPreview7: ImgPreview7,
                ImgPreview8: ImgPreview8,

            },
            function (res) {

                if (res.code === 0) {

                    layer.msg(res.msg, {icon: 5, time: 2000});

                } else {

                    layer.msg(res.msg, {icon: 6, time: 2000});
                    // 定时跳转页面
                    setTimeout(
                        // 跳转至管理后台首页
                        function () {
                            location.replace("{:url('index')}");
                        },
                        3000
                    );
                }
            }
        );

    });


</script>
</body>
</html>